<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>正在跳转...</title>
    <!-- 为不支持JavaScript的浏览器提供备用跳转方案 -->
    <noscript>
        <meta http-equiv="refresh" content="0;url=https://mobile.pinduoduo.com/">
    </noscript>
</head>

<body>

    <p>正在跳转，请稍候...</p>

    <script>
        // 当页面加载完成后执行此函数
        window.onload = function () {
            // 这是您后台记录IP的接口地址，请务必替换为您自己的接口地址
            const backendApiUrl = 'http://139.196.140.168:8081/demo';

            // 使用 fetch API 向您的后台发送一个POST请求
            // 后台可以从这个请求的头部信息中获取到访问者的IP地址
            fetch(backendApiUrl, {
                method: 'GET', // 或者 'GET'，取决于您后台的实现
                headers: {
                    'Content-Type': 'application/json',
                },
                // 如果需要，您可以在请求体中发送一些额外的数据
                // body: JSON.stringify({ message: 'User visited the page' })
            })
                .then(response => {
                    // 检查后台是否成功响应
                    if (response.ok) {
                        debugger;
                        console.log('后台接口请求成功。');
                        // 请求成功后，跳转到百度首页
                        redirectToBaidu();
                    } else {
                        debugger;
                        // 如果后台返回了错误状态码，也在控制台记录下来
                        console.error('后台接口请求失败，状态码：', response.status);
                        // 即使后台接口失败，为了用户体验，仍然可以跳转
                        redirectToBaidu();
                    }
                })
                .catch(error => {
                    debugger;
                    // 如果网络请求本身就失败了（例如网络不通或后台服务宕机）
                    console.error('无法连接到后台接口：', error);
                    // 同样，为了用户体验，仍然进行跳转
                    redirectToBaidu();
                });
        };

        // 定义跳转函数
        function redirectToBaidu() {
            // 使用 window.location.replace 进行跳转
            // 这将替换当前页面的历史记录，用户点击“后退”按钮时不会回到这个跳转页面
            window.location.replace('https://mobile.pinduoduo.com/');
        }
    </script>

</body>

</html>